{% load static %}

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>投票列表 | 精致版</title>
    <link rel="stylesheet" href="{% static 'polls/style.css' %}">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="poll-container">
        <header class="poll-header">
            <h1><span class="icon"></span> 最新投票主题</h1>
            <p class="subtitle">点击下方选项参与投票</p>
        </header>

        {% if latest_question_list %}
            <ul class="poll-list">
                {% for question in latest_question_list %}
                <li class="poll-item">
                    <a href="/polls/{{ question.id }}/" class="poll-link">
                        <span class="poll-text">{{ question.question_text }}</span>
                        <span class="poll-meta">
                            <span class="vote-count">👤 12人参与</span>
                            <span class="arrow">→</span>
                        </span>
                    </a>
                </li>
                {% endfor %}
            </ul>
        {% else %}
            <div class="empty-state">
                <div class="empty-icon">📭</div>
                <h3>暂无投票</h3>
                <p>当前没有可用的投票主题，请稍后再来</p>
            </div>
        {% endif %}

        <footer class="poll-footer">
            <p>© 2023 投票系统 | 总访问量 <span class="counter">1,024</span> 次</p>
            <a href="http://119.23.145.136:8000/admin/" class="btn btn-admin">
                <span class="icon">⚙️</span> 管理后台
            </a>
        </footer>
    </div>
</body>
</html>